@import "~@/common/common.css.styl"

.place-feedback
    width: 100%
    height: 100%
    color: #BFBEBE
    background-color #093068
    border: 1px solid #2480B4
    box-shadow 0 0 4px #2480B3
    position relative

    .icon
        color: #02CDE6

        i
            position absolute

            &.icon-1
                left: -8px;
                top: -8px;
                transform: rotate(-45deg);

            &.icon-2
                right: -8px;
                top: -8px;
                transform: rotate(45deg);

            &.icon-3
                right: -8px;
                bottom: -8px;
                transform: rotate(135deg);

            &.icon-4
                left: -8px;
                bottom: -8px;
                transform: rotate(225deg);

    .title
        height: 43px
        display: flex
        justify-content center
        align-items center
        background-color #051D3F
        position relative

        .left-icon
            color: #2D8FDB

            i
                color: #9ACEF7

        .right-icon
            color: #9ACEF7

            i
                color: #2D8FDB
        .refresh
            width 20px
            height 20px
            bgImg("home/refresh-icon.png")
            background-repeat no-repeat
            background-size 100% 100%
            position absolute
            right 9px
            top 50%
            transform translateY(-50%)
            cursor pointer
        .text
            color: #237DBF
            font-size: font-sl
            margin: 0 9px

    .chart
        height: calc(100% - 41px)
        .ld-chart
            width 100%
            height 100%
        .cloud-chart
            width 100%
            height 100%
            .btn-group
                height 32px
                display flex
                align-items center
                justify-content space-between
                border-bottom 1px solid rgba(187,187,187,0.18)
                .btn
                    height 100%
                    width 88px
                    line-height 32px
                    text-align center
                    font-weight bold
                    cursor: pointer;
                    &.active
                        border-bottom 2px solid #02CDE6
                        color #02CDE6
            .cloud
                height calc(100% - 32px - 58px)
            .desc
                height 58px
                background-color #0c2d5b
                padding 0 5px
                .name
                    height 20px
                    line-height 20px
                    font-size font-mn
                .text-area
                    padding 5px 0
                    height calc(100% - 20px)